第一個網頁

2018鐵人賽前端

Andy Tsai

團隊好想工作室第一屆鐵人賽

2017-12-23 18:42:26

1724 瀏覽

分享至

菜菜菜的前端學習日誌 - Day4

好的今天兒要開始說技術了呢

菜比八學Web

剛開始學習我是到w3school上去學習html tag跟css 屬性
這是一個不錯的網站，基本上Html跟Css裡面講的內容全部看過，以及裡面的小練習全部做過一遍，就能夠對Html及Css有著基本的認識

先從html來說說
這是我們開啟一個空白的html檔會看到的畫面

<!DOCTYPE html>                
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
    <style>
    </style>
</head>
<script>
    
</script>
<body>
    
</body>
</html>

<!DOCTYPE html>這邊是宣告檔案類型為html5。
<html><html>內包起來的地方就是撰寫程式的地方。
<head></head>描述了檔案的各種屬性和信息，包括標題、以及其他引入檔等，大多數的內容是使用者不會看到的。
<style></style>這兒是撰寫Css屬性的地方
<script></script>而這裡是寫JavaScript的地方
<body></body>最後這裡就是寫html tag的地方啦

第一個網頁

話不多說，接下來就開始寫第一個網頁了吧

首先很多程式語言學習都是從產生一個"Hello World"開始
我們也來寫一個吧～

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Day4</title>
</head>
<body>
	<h1>這是第一個網頁呢</h1>
	<p>Hello World!!</p>
</body>
</html>

我們先在<title></title>內容改一下，這裡的標題會顯示在瀏覽器最上面的標籤那兒

接下來我們新增一個<h1></h1>的tag
這是用來撰寫標題，標題總共有6個
從<h1>到<h6>依序定義最大的標題到最小的標題

再來新增一個<p></p>段落標簽